﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>DateTimeCalendar Sample - Simple</title>
    
  <style type="text/css">
    * { font-family:arial; }
  </style>

  <!-- CSS file for DateTimeCalendar -->
  <link rel="Stylesheet" href="TimeCalendar.css" />
  
  <!--reference to jquery-->
  <script src="jquery.1.4.2.js" type="text/javascript"></script>
</head>

<body>

  <h1>Simplest possible usage</h1>

  <table>
    <tr>
      <td>Please select a date and time</td>
      <!--label the element you want to have as a TimeCalendar with the class TimeCalendar-->
      <td><input id ="dt1" type="text" class="TimeCalendar" value="1 Feb 2010 1:02 am" /></td>
    </tr>
  </table>

</body>

<!--must put this at the bottom of the file-->
<script type="text/javascript" src="TimeCalendar.js"></script>

</html>
